@extends('layouts.app')

@section('content')
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">文章ID</label>
                        <div class="layui-input-inline">
                            <input type="text" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">作者</label>
                        <div class="layui-input-inline">
                            <input type="text" name="author" placeholder="请输入" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">标题</label>
                        <div class="layui-input-inline">
                            <input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">文章分类</label>
                        <div class="layui-input-inline">
                            <select name="category_id" lay-verify="required" id="category_id">
                                <option value="">请选择分类</option>
                                @foreach($categories as $category)
                                    <option value="{{ $category->id }}" >{{ $category->name }}</option>
                                    @if(isset($category->allChilds)&&!$category->allChilds->isEmpty())
                                        @foreach($category->allChilds as $child)
                                            <option value="{{ $child->id }}" >&nbsp;&nbsp;&nbsp;┗━━{{ $child->name }}</option>
                                            @if(isset($child->allChilds)&&!$child->allChilds->isEmpty())
                                                @foreach($child->allChilds as $third)
                                                    <option value="{{ $third->id }}" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;┗━━{{ $third->name }}</option>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="layui-card-body">
                <div style="padding-bottom: 10px;">
                    <button class="layui-btn layuiadmin-btn-list" data-type="batchdel">删除</button>
                    <button class="layui-btn layuiadmin-btn-list" data-type="add">添加</button>
                </div>
                <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
                <script type="text/html" id="buttonTpl">
                    @{{#  if(d.status){ }}
                    <button class="layui-btn layui-btn-xs">已发布</button>
                    @{{#  } else { }}
                    <button class="layui-btn layui-btn-primary layui-btn-xs">待修改</button>
                    @{{#  } }}
                </script>
                <script type="text/html" id="table-content-list">
                    <div class="layui-btn-group">
                        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
                    </div>
                </script>
                <script type="text/html" id="thumb">
                    <a href="@{{d.thumb}}" target="_blank" title="点击查看"><img src="@{{d.thumb}}" alt="" width="28" height="28"></a>
                </script>
                <script type="text/html" id="tags">
                    @{{#  layui.each(d.tags, function(index, item){ }}
                    <button type="button" class="layui-btn layui-btn-sm">@{{ item.name }}</button>
                    @{{# }); }}
                </script>
                <script type="text/html" id="category">
                    @{{ d.category.name }}
                </script>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        layui.use(['index', 'contlist', 'table'], function(){
            var table = layui.table
                ,form = layui.form;

            //监听搜索
            form.on('submit(LAY-app-contlist-search)', function(data){
                var field = data.field;

                //执行重载
                table.reload('LAY-app-content-list', {
                    where: field
                });
            });

            var $ = layui.$, active = {
                batchdel: function(){
                    var checkStatus = table.checkStatus('LAY-app-content-list')
                        ,checkData = checkStatus.data; //得到选中的数据

                    if(checkData.length === 0){
                        return layer.msg('请选择数据');
                    }

                    layer.confirm('确定删除吗？', function(index) {

                        //执行 Ajax 后重载
                        admin.req({
                          url: ""
                          //,……
                        });
                        table.reload('LAY-app-content-list');
                        layer.msg('已删除');
                    });
                },
                add: function(){
                    //最大化
                    const index = layer.open({
                        type: 2
                        , title: '添加文章'
                        , content: "article/create"
                        , maxmin: true
                        , btn: ['确定', '取消']
                        , yes: function (index, layero) {
                            //点击确认触发 iframe 内容中的按钮提交
                            var submit = layero.find('iframe').contents().find("#LAY-app-form-submit");
                            submit.click();
                        }
                    });
                    layer.full(index);
                }
            };

            $('.layui-btn.layuiadmin-btn-list').on('click', function(){
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

            @can('app.article.edit')
            //监听是否显示
            form.on('switch(isShow)', function(obj){
                var index = layer.load();
                var url = $(obj.elem).attr('url')
                var data = {
                    "is_show" : obj.elem.checked===true?1:0,
                    "_method" : "put"
                }
                $.post(url,data,function (res) {
                    layer.close(index)
                    layer.msg(res.msg)
                },'json');
            });
            @endcan
        });
    </script>
@endsection
